body {
	background-color: rgb(204, 204, 255)
}

h3 {
	text-align: center;
}

.contain{
	display: flex;
	border: 2px solid black;
	
}
#display{
	width: 426px;
	height: 30px;
	border: 2px solid black;
  
}
.mathButtons{
	width: 107px;
	height: 40px;
	background-color: rgb(0,0,0,0.3);
	color: white;
	
}
.mathButtons:hover{
	background-color: DodgerBlue;
    cursor: pointer;
  }
 #clrButton:hover{
	background-color: orangered;
  }
 #container{
  
    width: 430px;
    height: 250px;

    }
.container {
	position: relative;
	left: 35%;
	
}
	
 .buttondigits{
      background-color:  black;
      color: white;
      height: 40px;
      width: 107px;
	  cursor: pointer;
    }
 #clrButton{
      width: 107px;
      height: 40px;
      background-color: rgb(0,0,0,0.3);
      font-weight: bold;
    }
.buttondigits:hover {
	background-color: gray;
}